// 1.导入http模块
const http = require('http');

//2.创建服务对象
const server = http.createServer((request,response)=>{
    

    response.end(`<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            td {
                padding: 20px 40px;
            }
            table,td {
                border-collapse:collapse;
            }
            table tr:nth-child(odd) {
                background: red;
            }
            table tr:nth-child(even) {
                background: blue;
            }
        </style>
    </head>
    <body>
        <table border="1">
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
        <script>
            let td = document.querySelectorAll('td');
            td.forEach(item=>{
                item.onclick = function() {
                    this.style.background = '#333';
                }
            }) 
    </script>
    </body>
    </html>`);//设置响应体
})
// 3.监听端口，启动服务
server.listen(9000,()=>{
    console.log('服务已经启动。。。端口9000监听中。。。。');
})

